<#import "/base/base.html" as base>
<@base.html  
    title="${(categorySeo.seoTitle)!' '}" 
    keywords="${(categorySeo.seoKeywords)!' '}" 
    description="${(categorySeo.seoDescription)!' '}">
<div class="bread-bg">
    <div class="bread-crumb">
        <ul>
            <li><a href="/">Home</a></li>
            <li> &gt;</li>
            <li class="active">Application</li>
        </ul>
    </div>
</div>
<div class="inner-page-middle">
    <div class="inner-page-content">
        <div class="inner-page-r">
            <section class="case-listing">
                <ul>
                    <#if !slug??>
                    <#if articles?? && articles?size gt 0>
                    <#list articles as article>
                    <#if article.customFields??>
                    <#assign fields = article.customFields?eval>
                    <li>
                        <div class="item">
                            <div class="case-listing-frame">
                                <a href="/application/${categoryPath!''}/${article.slug!''}">
                                    <img style="width: 220px;height: 165px" layout="responsive"
                                         src="${(fields.thumb)!''}"
                                         alt="${(fields.title)!''}">
                                </a>
                                <div class="list_photo_box"></div>
                                <div class="list_photo_text">+</div>
                            </div>
                            <a href="/application/${categoryPath!''}/${article.slug!''}">
                                <h3>${(fields.title)!''}</h3>
                            </a>
                            <p>${(fields.desc)!''}</p>
                            <span>
                                <a href="/application/${categoryPath!''}/${article.slug!''}">Details</a>
                            </span>
                        </div>
                    </li>
                </#if>
            </#list>
        </#if>
      </#if>
        </ul>
            </section>
            <#if slug??>
            <#if article?? && articles?size gt 0>
            <#list articles as article>
            <#if article.customFields??>
            <#assign fields = article.customFields?eval>

            <section class="case-details">
                <div class="case-details-t"><h1> ${(fields.title)!''}</h1></div>
                <div class="case-details-box">
                    ${(fields.content)!''}
                </div>
            </section>
            </#if>
        </#list>
        </#if>
        </#if>
<!--            <div class="pagination-bar">-->
<!--                <ul>-->
<!--                    <li class="active">1</li>-->
<!--                    <li><a href="/case_p2">2</a></li>-->
<!--                    <li><a href="/case_p3">3</a></li>-->
<!--                    <li><a href="/case_p4">4</a></li>-->
<!--                    <li><a href="/case_p5">5</a></li>-->
<!--                    <li><a href="/case_p6">6</a></li>-->
<!--                    <li><a href="/case_p7">7</a></li>-->
<!--                    <li><a href="/case_p2">&gt;</a></li>-->
<!--                    <li class="pageinfo">Total 55 Records</li>-->
<!--                </ul>-->
<!--            </div>-->
            <div class="air-h30"></div>
            <div class="mail-anchor">
                <div id="inquiry_area"></div>
            </div>
            <div class="inner-message">
                <h4>Mail consultation</h4>
                <div class="inner-message-centered">
                    Please feel free to give your inquiry in the form below.
                    <span> We will reply you in 24 hours. </span>
                </div>
                <div class="inner-message-row msg_bl">
                    <form class="sample-form" method="GET" action="/inquiry_submit" target="_top"
                          custom-validation-reporting="show-all-on-submit">
                        <div class="item item-half">
                            <div class="inner-message-half">
                                <input type="name" id="show-all-on-submit-email" name="name"
                                       placeholder="What's your name?">
                            </div>
                        </div>
                        <input type="hidden" name="fromurl" value="www.eschemy.com/case">
                        <div class="item item-half">
                            <div class="inner-message-box">
                                <input type="phone" id="show-all-on-submit-email" name="phone"
                                       placeholder="Contact number:">
                            </div>
                        </div>
                        <div class="item">
                            <div class="inner-message-box">
                                <input type="email" id="show-all-on-submit-email" name="email" required
                                       placeholder="*Your contact email:">
                            </div>
                        </div>
                        <span visible-when-invalid="valueMissing" validation-for="show-all-on-submit-email"></span>
                        <span visible-when-invalid="typeMismatch" validation-for="show-all-on-submit-email"></span>
                        <div class="item">
                            <div class="inner-message-box">
                                <input type="company" id="show-all-on-submit-email" name="company"
                                       placeholder="Your company name:">
                            </div>
                        </div>
                        <div class="item">
                            <div class="inner-message-box">
                                <input type="message" id="show-all-on-submit-message" name="message" required
                                       placeholder="*What do you wish to enquire about?">
                            </div>
                        </div>
                        <span visible-when-invalid="valueMissing" validation-for="show-all-on-submit-message"></span>
                        <span visible-when-invalid="typeMismatch" validation-for="show-all-on-submit-message"></span>
                        <div class="item">
                            <div class="btn-text" style="display: inline-block;">
                                <input type="submit" value="Submit">
                            </div>
                            <div style="display: inline-block; margin-left: 40px;">
                                <input checked type="checkbox" name="category" value="1"
                                       style="width: auto; height: auto;">
                                <a href="/privacypolicy" target="_blank"><p
                                    style="text-decoration: underline;color: #999; display: inline-block;">Privacy
                                    policy</p></a>
                                <!--<script>document.getElementsByName("category")[0].checked="checked";</script>-->
                            </div>
                        </div>
                        <div submit-success>
                            <template type="amp-mustache">
                                Success! Thanks {{name}} for trying the
                                <code>amp-form</code> demo! Try to insert the word "error" as a name input in the form
                                to see how
                                <code>amp-form</code> handles errors.
                            </template>
                        </div>
                        <div submit-error>
                            <template type="amp-mustache">
                                Error! Thanks {{name}} for trying the
                                <code>amp-form</code> demo.
                            </template>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!--inner-page-l-->
        <div class="inner-page-l">
            <div class="sidebar-block">
                <div class="sidebar-box sidebar-news">
                    <div class="sidebar-title">
                        <span>Application</span>
                    </div>
                    <div class="sidebar-contant">
                        <ul>
                            <#if applicationCategories?? && applicationCategories?is_sequence>
                                <#list applicationCategories as newsCategory>
                                    <li>
                                        <img src="/static/images/icons/right.svg" width="12" height="12">
                                        <a href="/application/${(newsCategory.path)!''}"
                                           <#if categoryPath?? && categoryPath == newsCategory.path>class="active"</#if>>
                                            ${(newsCategory.title)!''}
                                        </a>
                                    </li>
                                </#list>
                            </#if>
                        </ul>
                    </div>
                </div>
                <div class="sidebar-box">
                    <div class="sidebar-title">
                        <span>Products</span>
                    </div>
                    <div class="sidebar-contant sidebar-product">
                        <#if nav_products??>
                        <#list nav_products as product>
                        <dl>
                            <dt>
                                <a href="/products/${product.path!''}"
                                   title="${product.title!''}"
                                   class="${(currentCategory?? && currentCategory.id == product.id)?string('active', '')}">${product.title!''}</a>
                            </dt>
                        </dl>
                    </#list>
                </#if>
                 </div>
                </div>
<!--                <div class="sidebar-box sidebar-featured">-->
<!--                    <div class="sidebar-title">-->
<!--                        <span>Featured Products</span>-->
<!--                    </div>-->
<!--                    <div class="sidebar-contant">-->
<!--                        <ul>-->
<!--                            <li>-->
<!--                                <div class="item">-->
<!--                                    <div class="pro-media">-->
<!--                                        <a href="/product/nmethyl2pyrrolidone-nmp-solvent-cas-872-50-4">-->
<!--                                            <amp-img layout="responsive" width="300" height="300"-->
<!--                                                     src="https://img.waimaoniu.net/321/321-202212061454592026_s.jpg"></amp-img>-->
<!--                                        </a>-->
<!--                                    </div>-->
<!--                                    <div class="pro-detail-info">-->
<!--                                        <div class="th">-->
<!--                                            <a href="/product/nmethyl2pyrrolidone-nmp-solvent-cas-872-50-4">nmethyl2pyrrolidone-->
<!--                                                nmp solvent CAS 872-50-4</a>-->
<!--                                        </div>-->
<!--                                        <span><a class="btn"-->
<!--                                                 href="/product/nmethyl2pyrrolidone-nmp-solvent-cas-872-50-4">More</a></span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <div class="item">-->
<!--                                    <div class="pro-media">-->
<!--                                        <a href="/product/n-methyl-pyrrolidone">-->
<!--                                            <amp-img layout="responsive" width="300" height="300"-->
<!--                                                     src="https://img.waimaoniu.net/321/321-202111151409347415_s.jpg"></amp-img>-->
<!--                                        </a>-->
<!--                                    </div>-->
<!--                                    <div class="pro-detail-info">-->
<!--                                        <div class="th">-->
<!--                                            <a href="/product/n-methyl-pyrrolidone">N-Methyl-Pyrrolidone</a>-->
<!--                                        </div>-->
<!--                                        <span><a class="btn" href="/product/n-methyl-pyrrolidone">More</a></span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <div class="item">-->
<!--                                    <div class="pro-media">-->
<!--                                        <a href="/product/2-pyrrolidone">-->
<!--                                            <amp-img layout="responsive" width="300" height="300"-->
<!--                                                     src="https://img.waimaoniu.net/321/321-202111151410289929_s.jpg"></amp-img>-->
<!--                                        </a>-->
<!--                                    </div>-->
<!--                                    <div class="pro-detail-info">-->
<!--                                        <div class="th">-->
<!--                                            <a href="/product/2-pyrrolidone">2-Pyrrolidone</a>-->
<!--                                        </div>-->
<!--                                        <span><a class="btn" href="/product/2-pyrrolidone">More</a></span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <div class="item">-->
<!--                                    <div class="pro-media">-->
<!--                                        <a href="/product/dimethyl-sulfoxide-dmso">-->
<!--                                            <amp-img layout="responsive" width="300" height="300"-->
<!--                                                     src="https://img.waimaoniu.net/321/321-202111151407295356_s.jpg"></amp-img>-->
<!--                                        </a>-->
<!--                                    </div>-->
<!--                                    <div class="pro-detail-info">-->
<!--                                        <div class="th">-->
<!--                                            <a href="/product/dimethyl-sulfoxide-dmso">Dimethyl Sulfoxide （DMSO）</a>-->
<!--                                        </div>-->
<!--                                        <span><a class="btn" href="/product/dimethyl-sulfoxide-dmso">More</a></span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </li>-->
<!--                        </ul>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </div>
    </div>
</div>
</@base.html>
